•  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
더 보기

하트위키:문법 도움말(비교)

r2 vs r3
......
125125||<-2> 픽셀화 || {{{rendering=pixelated}}} ||비트맵 이미지는 자동으로 [[안티에일리어싱]]이 적용되어 나오는데, 이를 적용되지 않게 해 줍니다. 픽셀의 수가 적은 비트맵 이미지를 확대하면 이 [[안티에일리어싱]]으로 인해 이미지가 흐리게 나오는데, 이를 선명하게 표시하여야 할 때 유용한 속성입니다. ||
126126||<-2><|5> 크기 맞춤 || {{{object-fit=fill}}} ||{{{#!wiki style="display: flex"
127127{{{#!wiki style="border: 2px solid #888; background: #ddd; margin-right: 10px; height: fit-content"
128[[파일:하트위키:로고1.png|width=120&height=120&object-fit=fill]]
128[[파일:로고1.png|width=120&height=120&object-fit=fill]]
129129}}} {{{#!wiki style="margin-top: -15px"
130130{{{원본: 200x100
131131매개변수: width=120&height=120&object-fit=fill
132132}}} 지정된 너비와 높이에 맞게 이미지가 늘려서 조절됩니다. 이미지가 왜곡될 수 있습니다. 기본값입니다. svg 파일은 {{{object-fit=contain}}}으로 표시됩니다.}}}}}} ||
133133|| {{{object-fit=contain}}} ||{{{#!wiki style="display: flex"
134134{{{#!wiki style="border: 2px solid #888; background: #ddd; margin-right: 10px; height: fit-content"
135[[파일:하트위키:로고1.png|width=120&height=120&object-fit=contain]]
135[[파일:로고1.png|width=120&height=120&object-fit=contain]]
136136}}} {{{#!wiki style="margin-top: -15px"
137137{{{원본: 200x100
138138매개변수: width=120&height=120&object-fit=contain
139139}}} 이미지의 원본 비율을 유지하면서 지정된 너비와 높이 내에 포함되도록 조절됩니다. 여백이 생길 수 있습니다.}}}}}} ||
140140|| {{{object-fit=cover}}} ||{{{#!wiki style="display: flex"
141141{{{#!wiki style="border: 2px solid #888; background: #ddd; margin-right: 10px; height: fit-content"
142[[파일:하트위키:로고1.png|width=120&height=120&object-fit=cover]]
142[[파일:로고1.png|width=120&height=120&object-fit=cover]]
143143}}} {{{#!wiki style="margin-top: -15px"
144144{{{원본: 200x100
145145매개변수: width=120&height=120&object-fit=cover
146146}}} 이미지의 원본 비율을 유지하면서 지정된 너비와 높이를 모두 채우도록 조절됩니다. 이미지가 잘릴 수 있습니다.}}}}}} ||
147147|| {{{object-fit=none}}} ||{{{#!wiki style="display: flex"
148148{{{#!wiki style="border: 2px solid #888; background: #ddd; margin-right: 10px; height: fit-content"
149[[파일:하트위키:로고1.png|width=120&height=120&object-fit=none]]
149[[파일:로고1.png|width=120&height=120&object-fit=none]]
150150}}} {{{#!wiki style="margin-top: -15px"
151151{{{원본: 200x100
152152매개변수: width=120&height=120&object-fit=none
153153}}} 이미지의 원본 크기[* 예시 이미지의 실제 이미지 크기는 400x200인데 하트위키 엔진 이미지 최적화로 인해 0.5배인 200x100이 이미지 소스로 사용되어 200x100을 유지합니다.]를 유지하면서 지정된 너비와 높이 가운데에 위치됩니다.}}}}}} ||
154154|| {{{object-fit=scale-down}}} ||{{{#!wiki style="display: flex"
155155{{{#!wiki style="border: 2px solid #888; background: #ddd; margin-right: 10px; height: fit-content"
156[[파일:하트위키:로고1.png|width=120&height=120&object-fit=scale-down]]
156[[파일:로고1.png|width=120&height=120&object-fit=scale-down]]
157157}}} {{{#!wiki style="margin-top: -15px"
158158{{{원본: 200x100
159159매개변수: width=120&height=120&object-fit=scale-down
......